<template>
	<view class="about">
		<!-- <view class="top">
			<view class="back" @click="onBack">
				<u-icon name="arrow-left" color="#fff" size="26"></u-icon>
			</view>
			<view class="ttitle">联系我们</view>
		</view> -->
		<!-- <view class="middle row">
			<view class="logo">
				<u-image src="/static/temporary/logo.png" width="160rpx" height="160rpx"></u-image>
			</view>
			<view class="title">Rapid让彼达集运 中国区客服</view>
		</view>
		<view class="tips">长按保存扫下方二维码</view>
		<view class="heard center">
			<u-image src="/static/temporary/heard.png" width="31rpx" height="40rpx"></u-image>
		</view> -->
		<view class="code center">
			<image :show-menu-by-longpress="true"  :src="codeImg"  mode="scaleToFill"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				codeImg:''
			};
		},
		onLoad() {
			this.getCode();
		},
		methods: {
			// 返回
			onBack() {
				this.$uniApi.cback(1)
			},
			getCode(){
				this.$api.post({
				    url: "/ebapi/public_api/connection",
				    data: {},
				    success: (res) => {
						this.codeImg = res.image;
						console.log(res,"res  获取码")
					},
				})
			}
		}
	};
</script>

<style lang="scss">
	page {
		padding: 0;
		background-color: #fff;
	}

	.about {
		.top {
			// background-image: url("https://jyapi.rapidship.cn/public/temporary/about.png");
			background-size: 100% 100%;
			background-repeat: no-repeat;
			width: 750rpx;
			// height: 520rpx;

			.back {
				position: absolute;
				top: 70rpx;
				left: 30rpx;
			}

			.ttitle {
				padding-top: 70rpx;
				color: $uni-text-color-inverse;
				font-size: 32rpx;
				font-weight: bold;
				text-align: center;
			}
		}

		.middle {
			padding: 80rpx 141rpx;

			.title {
				margin-left: 15rpx;
				font-size: 37rpx;
			}
		}

		.tips {
			color: $uni-color-main;
			font-size: $uni-text-size-title;
			text-align: center;
		}

		.heard {
			margin: 30rpx 0;
		}

		.code {
			// padding-top: 50rpx;
			position: fixed; top:0; left: 0; bottom: 0; right: 0;
			image{
				width: 100%; height: 100%;
			}
		}
	}
</style>